<!DOCTYPE html>
<html lang="en">
<head>
    <title>东风日产×NBA "未来之星"</title>
    <link rel="import" href="../common/head.html?__inline">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="/node_modules/animate.css/animate.css">
    <link rel="stylesheet" href="/node_modules/swiper/dist/css/swiper.css">
    <link rel="stylesheet" href="/node_modules/video.js/dist/video-js.css">
    <link rel="stylesheet" href="./list.less">
    <script src="/node_modules/jquery/dist/jquery.js"></script>
    <script src="/web/lib/flexible.js"></script>
</head>
<body>
<!--加载导航栏-->
<link rel="import" href="../common/header-pc.html?__inline">
<link rel="import" href="../common/header-my.html?__inline">
<!--加载导航栏-->

<div class="main-cont">

    <div class="title-img">
        <img src="img/title-img.png" alt="">
    </div>

    <div class="explain-new-xiu"></div>

    <div id="main-cont" v-cloak>
        <a class="btn-back" @click="common().comeBack()"></a>
        <div class="five-city content">
            <div class="city-box">
                <a class="city city-1" :class="{true : city=='广州站'}" @click="setCity('广州站')"></a>
                <a class="city city-2" :class="{true : city=='南京站'}" @click="setCity('南京站')"></a>
                <a class="city city-3" :class="{true : city=='北京站'}" @click="setCity('北京站')"></a>
                <a class="city city-4" :class="{true : city=='成都站'}" @click="setCity('成都站')"></a>
                <a class="city city-5" :class="{true : city=='上海站'}" @click="setCity('上海站')"></a>
            </div>
            <div class="see-name-list">
                <a @click="common().layer_alert('敬请期待....')"><img src="img/see-name-list.png" alt=""></a>
            </div>
        </div>

        <div class="title-list">
            {{city}}-海选人气榜
        </div>

        <form class="search-box" @submit.prevent="search()">
            <input type="tel" v-model="code" placeholder="输入编号快速查询">
            <button type="submit">查询选手</button>
        </form>

        <div class="rank-box content">
            <ul class="ul" v-if="lists">
                <a class="li" v-for="(item, index) in lists" :href="'detail.html?id='+item.player_no" target="_blank">
                    <div class="pic" :style="{'background-image' : 'url('+common().hosturl()+item.headimgurl+')'}">
                        <div class="rank-like">{{ item.votetotal }}</div>
                        <div class="cover">
                            姓名：{{ item.realname }}<br>
                            绰号：{{ item.nickname?item.nickname:'--' }}<br>
                            位置：{{ item.position }}<br>
                            个人宣言：<br>
                            {{ item.declaration?item.declaration:'--' }}
                        </div>
                    </div>
                    <div class="text">
                        &nbsp;&nbsp;&nbsp;&nbsp;姓名：{{ item.realname }}<br>
                        选手编号：{{ item.player_no }}
                    </div>
                    <div class="btn-vote"></div>
                </a>
            </ul>
            <div class="loading" v-show="lock">正在加载...</div>
            <div class="loading" v-if="!page">没有更多数据了</div>
        </div>
    </div>
</div>

<link rel="import" href="../common/element.html?__inline">
<div class="footer"></div>

</body>
<script src="/node_modules/vue/dist/vue.js"></script>
<script src="/web/lib/layer/layer.js"></script>
<script src="/web/js/config.js"></script>
<script src="./list.js"></script>
</html>